Membuat screen untuk aut 

Login page nya 

Di screen ini 

Buat file baru aut screen 

Stl autScreen 

Return scaffold 

Isi backround colors blue light blue 

Unttuk body kasih widget baru yaitu formAut 


A 5. Auth Screen.mp4 - VLC media player — K 


Media Playback Audio Video Subtitle Tools View Help 


CHATTING APP 
m dat 


OUTLINE 
> TIMELINE 
DEPENDENCIES 


aon eneeghmenmev>ss 


01:02 


WE) mua cal (5 q 

Kita buat widget nya 

Di library yaitu lib 

Buat folder lagi widget 
Lalu kasih nama 
Form_aut dart 

Stl FormAQuth 

Return lamgsung center 
Child kasih text dahulu 


A 5. Auth Screen.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


File Edit Selection View Go Run Terminal Help form_auth.dart - chai 


C | 2 £ © form.auth.dart X 
CHATTING APP 
WM dart to import 
import New Data 
import 


import New Data 


New Dat: 


New Dat 


const FormAuth({ ? ) super(key: 


New Dat 
@override 
th.dart Widget build i itext context 


New Data 


dart return Hello 


New Data 


DEBUG CONSOLE 


Inet6Addressimp1 . looku; tByName( Inet6Addressimp 


CORPBEEE Loe 


GDB 


D/EGL emulation(11143): app 
OUTLINE 
TIMELINE loaded © li 


DEPENDENCIES 


28D QW 240 | 


01:53 


Lalu import 


A 5. Auth Screen.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


XI File Edit Selection View Go Run Terminal Help 


GC '" D Q @ mandat x 6 
CHATTING APP Ia 
MW dart to 


UP ULUN. u 4 a etui EU LALU II, 
5 


runApp( 


@ screen c N k : super(key: key); 
© auths 
reen.dart @override 
bui i € xt context 


return Mater 


DEBUG CONSOLE 


time stats: avg=4748., 08m: 23.00ms max=14118.88ms 


OUTLINE 


TIMELINE 3 © Ho d complete! 


DEPENDENCIES 


abangan an F 


02:08 = - 10:08 
IN Ke DI SISI 


Maka sudah tampil 

Tingal kotak katik di form aut di child kasih ke form 
Widget form karna menampilkan form 

Kita akan mengambil child 

Kita buat tampilan dahulu 

Di form kasih column 

Children textFormField 


A 5. Auth Screen.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


dit Selection View Run Terminal Help form auth.dar 


2 1 © form_authdart X 


CHATTING APP 
B dart tc 


Statel t 


key)) super(key: key); 


@override 


oe Wid buil: jildContext context 


urn Cent 
child: Ca 
auth.dart child: Form( 
se_optionsdart child: Column( 
children: 


Failed to res 


OUTLINE =60656 
avg=6@656.92ms 
TIMELINE 


DEPENDENCIES 


03:11 
|] [ka mpu DI 


Ini karena di card kasih margin all 20 


A 5. Auth Screen.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


xX) File Edit Selectio Go Run Terminal Help form_auth.dart - chatting app tudio Code 


GC " A £ © form_authdart X 


) buil 
FormAuth( iKey? key}) : super(key: key); 


@override 
ontext context 


sets.al1(20), 


olumn ( 


DEBUG CONSOLE 


avg=14961.88ms min-14961.88ms max-14961.88ms 


of 636 


OUTLINE sn (1114 


TIMELINE 
DEPENDENCIES 


2 A828 OB za 
03:34 10:08 


IN Ke Coit SSM se. 
Ke form kita bungkus dgn padding 

Maka sudh di amrgin gedekan pakai symatric bukan all vertical 200 horizontal 20 
Nah seperti ini 

Padding kasih 20 saja 


A 5. Auth Screen.mp4 - VLC media player 


Media Playback Audio Video Subtitle Tools View 


n View Go Run 


Help 


Terminal 


2 Q A 


CHATTING APP 
B dart tc 


@ screen 


een.dart 


ore 


DONGENG, AH 


GDB 


OUTLINE 
TIMELINE 
DEPENDENCIES 


Help 


return 
chil 
ma 


ch 


19 


D/EGL_emulation 
D/EGL_emulation(111 


D/EGL_emulation(111: 


horizontal 


11143 


© form_authdart @ 


juil 
XL CONTEXT 


d: 
rgin: .symmetric(vertical: 
ild: 
padding: 
child: Form( 
child 
children: 
nField( 


EdgeIn .a11(20.6), 


lumn 


DEBUG CONSOLE 
app time max=5@1 

app_time J s : 508 
max=5@@.15 


Reloaded 1 of 636 librar 


11143 
11143 
on(11143 
11143 


D/EGL_emula 


D/EGL_emulat 


app_time_ 375.7 in=167.27ms max=632.6 


app max=5@1 


app time st. 


app time stats min-488.17ms 


04:44 
|] ka mm 


cat) SISI 
Di text field kit 
Border tetap seperti ini 


decoration 


Kasih label saja Tipe nya widget kasih text email 
Yg kedua kasih keyboad type nya kasih jenis textinputType.email untuk email 
Yang kedua buat email saja 


A 5. Auth Screen.mp4 - VLC media player 


Media Playback Audio Video Subtitle Tools View 


Run 


CHATTING APP 
MB dart tor 


reen.dart 


d plugin 


OUTLINE 
TIMELINE 
DEPENDENCIES 


il KH DIN 
Username diatas 
Yg ketiga password 


Help 


6 


Terminal He forr 


3 
eloaded 1 of 636 1 
EGL emu n 


R 
D 
D/EGL emulation 
D 
D 


R 


Harus nya type nya password 


m auth.dart 


11143 
11143) 


hatting app Studi 


© form authdart X 


child: Form( 

child: 
children: 
TextFormField( 
decoration: 
label: 


InputDe 
Text 


xtf Field( 

keyboardType: 

decoration: 
label: T 


emailAddress, 
Inpt 


DEBUG CONSOLE 
ibraries ir ms 


app time sta 


2238 2345 


Type komentar dahulu 
Kemudian 
ObscureTekt typenya boolean kasih true 


A 5. Auth Screen.mp4 - VLC media player — x 
Media Playback Audio Video Subtitle Tools View Help 


xX] File Edit Selection View Go Run Terminal Help form_auth.dart app 


C " D Q < © form.authdart X 
CHATTING APP mn t juil 
mm dart too keyboardType: r emailAddress, 
decoration: Inpu 
label: Text 


tFormField( 
obscureText: true 


decoration: Inpu 
label: Text( 


a ListView 


RenderFlex#925e3 relayoutBounda 


OUTLINE D/EGL emulat Never Ask 
TIMELINE D/EGL emula 


DEPENDENCIES 


07:30 


Disini ada sebuah terpotong maka kita bungkus padding nya dgn sigleChilde 


A 5. Auth Screen.mp4 - VLC media player 
Media Playback Audio Video Subtitle Tools View Help 


x 


CHATTING APP yet > È 
M dat to import 


@override 
\ t build 


turn Ce 
child: 
margin: E 


horizonta 
child: Si 


EdgeInsets.all(20.@), 


@,0-1080,2148 #1 aid-187 
D/EGL emulation(11143): app time stats 


D/InsetsCont er(11143): show(ime(), 


oman D/EGL_emulat 11143): app time stats 


TIMELINE 
DEPENDENCIES 


At © za © » A 
07:51 10:08 


IN mw Tmn Fs "Pi 
Maka sudah bisa ketika ketik maka sudah berbindatang2 karna obscure 

Dibawah nya kasih eleveted button oprased kosongi 

Lalu text login 


A 5. Auth Screen.mp4 - VLC media player 
Media Playback Audio Video Subtitle Tools View Help 
lection View Go Run Terminal Help form auth.dart - chatting app sual Studio 
& & form auth.dart X 


CHATTING APP uil 
M dan toe label: Text( 


obscureText: true, 


@ screen 
© auth screendart 


hat screen.dart 


label: Text( 
& form. auth.dart 
tto 


onPressed: 
child: Text 


26 DEBUG CONSOLE 


app time stats: avg-499.42ms 


| GRSEEE Ane 


app_ti tats: avg=500.69ms 
EGL_emulat 3): app 


D/EGL emulat app 


? O 


EGL emulation(11143): app 
Reloaded 1 of 636 1 
CUIN D/EGL_emulation(111 
TIMELINE D/EGL_emulat 11143 


DEPENDENCIES 


decoration: InputDec 


min=498.79ms 


08:28 
|] [ka mua DI 


5. Auth Screen.mp4 - VLC media player 


Media Playback Audio Video Subtitle Tools View 


XI File Edit Selection View Go Run Terminal Help form auth.dart - chatting app - Visual Studio 


E " 5 P © form_authdart X 


CHATTING APP 
MW dan to 


mai gan. Cupet 
horizontal: 20), 
child: Sin 
child 
padding: t Edgelr 
child: 
child: Column 


endart 9 crossAxisAlignment: Cro 


reen.dart children: | 


extFormField 
auth.dart 


label: Text 


TextFormField 
keyboardType: 
decoration: I 
26 DEBUG CONSOLE 
EGL emulat 11143): app time stats: avg=5ee 
EGL emul 111 app time st. avg=51 
D/EGL_emulation(11143): app_time_stats: avg=489 
EGL emulation(11143): app time 
EGL_emu n(11143 t ams 
EGL_emulation(11143) i ts: avg=498.81ms 
Saan EGL emulat 111 
TIMELINE Rel 


DEPENDENCIES 


08:42 
|] Ke DI 


Kita buat ada jarak sized box heigh 20 


decoration: InputD 


.emailAddress, 


min-498.76ms 
min-496.14m 
min=468.61ms 


22°38 DB zw 


A 5. Auth Screen.mp4 - VLC media player = 
Media Playback Audio Video Subtitle Tools View Help 


Go Run Terminal Help form. auth. chatting app al Studi 


« © formauthdart X 


CHATTING_APP t juil 
M dart_t 


decoration: In 
label: Text 


screen.dart 


evatedButton 
onPressed: 
child: Te 


27 DEBUG ( 
Reloaded 1 of 636 1 
D/EGL_emulation(11143 
D/EGL_emulation(11143) e s: avg 
D/EGL_emulation(111 stats: avg=498 


Reloaded 1 of 636 1 


GDB 


D/EGL_emulation(11143 
kanda enon D/EGL emulation(111 min-5 s max-503 
TIMELINE EGL emulation(11143): app time stats: avg=49 a s max=501 


DEPENDENCIES 


09:05 
|] KI DI 


Kasih lai dibawah lalu tambhakn textButton 
Buat untuk register 


5. Auth Screen.mp4 - VLC media player = 
Media Playback Audio Video Subtitle 


Tools View Help 


lection View Terminal Help form_auth.dart - chatting app 


& & form_authdart X 


CHATTING APP 
@ dan tc 


tedButton 
onPressed: (b 
child: Text 


vdart x ton 
reen.dart onPressed: 
child: Text 


28 DEBUG CONSOLE 


D/EGL emulation(11143): app time stats = min=5080.23ms max=5@ 
E ulation(11143): app time = min=500.93ms max 
Reloaded 1 of 636 libraries 
EGL_emulation(11143): app - s 3 7Sms max=5@8.6@ms coun 
D/EGL_emulat ime_ s: a o 3.03ms 
Reloaded 1 of 636 
os min=493.91ms max=536.58ms count=3 
TIMELINE 3): a s: av 9 minz469.09ms max=500.71 nt=3 


DEPENDENCIES 


09:45 
|| [kampa Cat (5 


Buat aut halamannya untuk video ini slenjutnya buat aut 


